import React from 'react';
import styled from 'styled-components';
import checkmark from "@/assets/images/勾勾.png"

const Popup=styled.div`
    width: 2.666rem;
    height: 2.666rem;
    background-color: #8f8c8c;
    opacity: 50%;
    border-radius:0.5122rem;
    position: absolute;
    top: 45%;
    left: 3.333rem;
    text-align: center;
    z-index: 10;
    .check-mark{
        width: 1.6rem;
        height: 1.6rem;
        position: absolute;
        top: 0.2666rem;
        left: 0.5122rem;
    }
    img{
        width: 80%;
        height: 80%;
    }
    .notes{
        position: absolute;
        bottom: 0.2666rem;
        left: 0.64rem;
        color: white;
    }
`;

const ShoppingPopup=(props)=>{
    const {display}=props
    return (
        <>
        <Popup style={display?{}:{display:"none"}}>
            <div className="check-mark">
                <img src={checkmark} alt="" />
            </div>
            <div className="notes">已加购</div>
        </Popup>
        </>
    )
}
export default ShoppingPopup;